*{
    margin: 0px;
    padding: 0px;
}
.bigbox{
    width: 100%;
    height: 40px;
    background-color:rgba(0,0,0,0.8);
}
.centerbox{
    width: 1600px;
    height: 40px;
    /*background-color: greenyellow;*/
    margin: 0 auto;
}
.leftbox{
    width: 1300px;
    height: 40px;
    /*background-color:black;*/
}
.leftbox ul li{
    float: left;
    font-size: 16px;
    margin: 0 5px;
    line-height: 40px;
}
.leftbox ul li a{
    text-decoration: none;
    color:rgba(255,255,255,0.7);
}
.leftbox ul li a:hover{
    color:white;
}
.xiantiao{
    color:rgba(255,255,255,0.1);
}
.rightbox{
    width: 300px;
    height: 40px;
    /*background-color:gray;*/
    float: right;
    margin-top: -40px;
    margin-right:-53px;
    position: relative;
}
.rightbox ul{
    margin-left: -78px;

}
.rightbox ul li{
    float: left;
    font-size: 16px;
    margin: 0 7px;
    line-height: 40px;
}
.rightbox ul li a{
    text-decoration: none;
    color:rgba(255,255,255,0.7);
}
.rightbox ul li a:hover{
    color:white;
}
#gouwuche{
    font-size: 16px;
    background-color:rgba(255,255,255,0.1);
    padding:0 30px
}
#gouwuche_content{
    width: 330px;
    height: 100px;
    background-color: white ;
    position: absolute;
    left: -83px;
    top: 40px;
    box-shadow: rgba(0,0,0,0.1)1px 3px 3px 3px ;
    display: none;
}
#gouwuche_content p{
    font-size: 15px;
    text-align: center;
    padding-top: 35px;
}
.rightbox #gouwuche:hover #gouwuche_content{!important;
    display: block;
    z-index: 999;

}
#gouwuche:hover{
    background-color: orangered;

}
.bighead{
    width: 100%;
    height: 60px;
    /*background-color:rgba(0,0,0,0.8);*/
    margin-top: 20px;
}
.head{
    width: 1600px;
    height: 60px;
    /*background-color: greenyellow;*/
    margin: 0 auto;
}
.logo{
    width: 200px;
    height: 60px;
    /*background-color: pink;*/
}
.logo img{
    width: 60px;
    height: 60px;
}
.nav{
    width: 1000px;
    height: 60px;
    /*background-color: hotpink;*/
    margin-top: -60px;
    margin-left: 200px;
    position: relative;
}
.nav ul{
    margin: 5px 100px;
}
.nav ul li{
    float: left;
    font-size: 20px;
    margin:0 10px;
    line-height: 60px;
}
.nav ul li a{
    text-decoration: none;
    color: black;;
}
.nav ul li a:hover{
    color:orangered;
    border-bottom: 2px solid black;
    padding: 5px 0;
}
.shouji{
    width: 1600px;
    height: 600px;
    position: absolute;
}
.shouji_center{
    width: 1600px;
    height: 600px;
    background-color: white;
    position: absolute;
    left: -310px;
    top: -7px;
    margin: 22px auto;
    display: none;
    border-top: 3px solid black;
}
 .shouji_center .phone{
    width: 190px;
    height: 230px;
     float: left;
     margin: 35px 170px;
}
.shouji_center .phone img{
    width: 190px;
    height: 260px;
}
.shouji_center .phone span .hr{
    height: 120px;
    width: 0px;
    position: absolute;
   left: 492px;
    top: 70px;
}
.shouji_center .phone p{
    color: orangered;
    margin-top: -50px;
}
/*hr{*/
/*    width: 100%;*/
/*    position: absolute;*/
/*    top: 320px;*/
/*    left: -303px;*/
/*    display: none;*/
/*}*/
/*.nav #xmsj:hover hr{*/
/*    display: block;*/
/*    z-index: 9999;*/
/*}*/
.nav #xmsj:hover .shouji_center{
    display: block;
    z-index: 999;
}
#shouji{
    width: 1608px;
    height: 600px;
    position: absolute;
}
#shouji_center{
    width: 1608px;
    height: 600px;
    background-color:white;
    position: absolute;
    left: -413px;
    top: -7px;
    margin: 22px auto;
    display: none;
    border-top: 3px solid black;
}
#shouji_center .phone{
    width: 190px;
    height: 230px;
    float: left;
    margin: 35px 170px;
}
#shouji_center .phone img{
    width: 190px;
    height: 230px;
}
#shouji_center .phone span .hr{
    height: 120px;
    width: 0px;
    position: absolute;
    left: 492px;
    top: 95px;
}
#shouji_center .phone p{
    color: orangered;
    margin-top: -50px;
}
/*.hr{*/
/*    width: 100%;*/
/*    position: absolute;*/
/*    top: 320px;*/
/*    left: -303px;*/
/*    !*display: none;*!*/
/*}*/
/*.nav #hmsj:hover .hr{*/
/*    display: block;*/
/*    z-index: 9999;*/
/*}*/
.nav #hmxj:hover #shouji_center{
    display: block;
    z-index: 9999;
}
.shouji1{
    width: 1600px;
    height: 600px;
    position: absolute;
}
.shouji1_center{
    width: 1600px;
    height: 600px;
    position: absolute;
    left: -535px;
    top: -7px;
    margin: 22px auto;
    display: none;
    border-top: 3px solid black;
}
.shouji1_center img{
    width: 1600px;
    height: 600px;
}
.nav #dianshi:hover .shouji1_center{!important;
    display: block;
    z-index: 9999;
}
#shouji1{
    width: 1610px;
    height: 600px;
    position: absolute;
}
#shouji1_center{
    width: 1610px;
    height: 600px;
    background-color:white;
    position: absolute;
    left: -536px;
    top: -7px;
    margin: 22px auto;
    display: none;
    border-top: 3px solid black;
}
#shouji1_center .phone{
    width: 220px;
    height: 230px;
    float: left;
    margin: 35px 150px;
}
#shouji1_center .phone img{
    width: 220px;
    height: 230px;
}
#shouji1_center .phone span .hr{
    height: 120px;
    width: 0px;
    position: absolute;
    left: 492px;
    top: 95px;
}
#shouji1_center .phone p{
    margin-top: -55px;
    color: orangered;
}
.nav #dianshi:hover #shouji1_center{
    display: block;
    z-index: 9999;
}
#shouji2{
    width: 1614px;
    height: 600px;
    position: absolute;
}
#shouji2_center{
    width: 1614px;
    height: 600px;
    background-color:white;
    position: absolute;
    left: -597px;
    top: -7px;
    margin: 22px auto;
    display: none;
    border-top: 3px solid black;
}
#shouji2_center .phone{
    width: 220px;
    height: 230px;
    float: left;
    margin: 35px 150px;
}
#shouji2_center .phone img{
    width: 220px;
    height: 230px;
}
#shouji2_center .phone span .hr{
    height: 120px;
    width: 0px;
    position: absolute;
    left: 492px;
    top: 150px;
}
#shouji2_center .phone p{
    margin-top: -55px;
    color: orangered;
}
.nav #computer:hover #shouji2_center{
    display: block;
    z-index: 9999;
}

.sousuobox{
    width: 300px;
    height: 56px;
    /*background-color: red;*/
    float:right;
    margin-top: -60px;
    margin-right: 30px;
    position: relative;

}
.sousuo{
    width: 250px;
    height: 56px;
    background-color: white;
}
.sousuo input{
    width: 255px;
    height: 56px;
    outline: medium;
    padding-left: 10px;
    line-height: 56px;
    font-size: 18px;
    border: 1px solid rgba(0,0,0,0.2);
}
.sousuo span{
    position: absolute;
    top: 19px;
    right: 45px;
}
.anniu{
    width: 60px;
    height: 56px;
    background-color: white;
    border: 1px solid rgba(0,0,0,0.2);
    float: right;
    margin-top: -56px;
    margin-right: -28px;
}
.anniu img{
    width: 30px;
    position: absolute;
    top: 16px;
    right: -12px;

}
ul{
     list-style-type: none;
 }
#box{
    position: relative;
    width: 100%;
    height: 460px;
    margin: 20px auto;
    text-align: center;
}
#box .banner{
    position: relative;
    display: inline-block;
    width: 1600px;
    height: 460px;

}
.left_nav{
    width: 300px;
    height: 600px;
    background-color: rgba(192,192,192,0.8);
    margin: 0 auto;
    position: absolute;
}
.left_nav ul li{
    text-align: left;
    font-size: 17px;
    line-height: 41px;
    padding: 5px 40px;
    margin: 8.5px auto;
}
.left_nav ul li a{
    text-decoration: none;
    color: white;
}
.left_nav ul li span{
    font-size: 20px;
    float: right;
    margin-right: -8px;
}
.left_nav ul li:hover{
    background-color: rgb(255,97,3);
}
/*.banner ul li{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    list-style: none*/
/*}*/
.banner img{
    width: 100%;
}
.banner .slider{
    position: absolute;
    display: none;
}
.btn{
    position: absolute;
    bottom: -10px;
}
#lf{
    position: absolute;
    top:260px;
    left:300px;
    width: 40px;
    height: 70px;
    font-size: 40px;
    color: #D6D7D8;
    line-height: 65px;
    cursor: pointer;
}
#lf:hover{
    background-color: #00000050;
}
#rg{
    position: absolute;
    top: 260px;
    right:0px;
    width: 40px;
    height: 70px;
    font-size: 40px;
    color: #D6D7D8;
    line-height: 65px;
    cursor: pointer;
}
#rg:hover{
    background-color: #00000050;
}
#box .point{
    position: absolute;
    right:10px;
    bottom: -100px;
    width: 170px;
    height: 20px;
}
.point ul li{
    width: 6px;
    height: 6px;
    float: left;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.4);
    cursor: pointer;
    margin-left: 5px;

}
.point .sq{
    background-color: #f46;
}
.point li:hover{
    background-color: skyblue;
}
.banner_bottom{
    position: relative;
    width: 1600px;
    height: 300px;
    /*background-color: red;*/
    margin: 170px auto;
}
.small_logo{
    position: relative;
    width: 300px;
    height: 300px;
    background-color: rgba(163,148,128,1);
}
.small_box{
    width: 100px;
    height: 100px;
    float: left;
}
.small_box img{
    display: block;
    width: 40px;
    height: 40px;
    margin-left: 30px;
    margin-top: 30px;
}
.small_box span{
    margin-left: 10px;
    font-size: 20px;
    color: lightgrey;
    position: absolute;
    top: 75px;

}
.small_box hr{
    position: absolute;
    left: 100px;
    top:20px;
}
.small_box a:hover span{
    color: white;
}
.small1_box{
    width: 100px;
    height: 100px;
    float: left;
}
.small1_box img{
    display: block;
    width: 40px;
    height: 40px;
    margin-left: 30px;
    margin-top: 30px;
}
.small1_box span{
    font-size: 20px;
    margin-left: 10px;
    color: lightgrey;
    position: absolute;
    top: 75px;
}
.small1_box a:hover span{
    color: white;
}


.small2_box{
    width: 100px;
    height: 100px;
    float: left;
}
.small2_box img{
    display: block;
    width: 40px;
    height: 40px;
    margin-left: 30px;
    margin-top: 30px;
}
.small2_box span{
    font-size: 20px;
    margin-left: 14px;
    color: lightgrey;
    position: absolute;
    top: 75px;
}
.small2_box hr{
    position: absolute;
    top: 20px;
}
.small2_box a:hover span{
    color: white;
}


.small_box-1{
    width: 100px;
    height: 100px;
    float: left;
}
.small_box-1 img{
    display: block;
    width: 40px;
    height: 40px;
    margin-left: 30px;
    margin-top: 102px;
}
.small_box-1 span{
    margin-left: 19px;
    font-size: 20px;
    color: lightgrey;
    position: absolute;
    top: 250px;
}
.small_box-1 hr{
    position: absolute;
    left: 100px;
    top:190px;
}
.small_box-1 a:hover span{
    color: white;
}

.small1_box-2{
    width: 100px;
    height: 100px;
    float: left;
}
.small1_box-2 img{
    display: block;
    width: 40px;
    height: 40px;
    margin-left: 30px;
    margin-top: 100px;
}
.small1_box-2 span{
    font-size: 20px;
    margin-left: 10px;
    color: lightgrey;
    position: absolute;
    top: 250px;
}
.small1_box-2 a:hover span{
    color: white;
}

.small2_box-3{
    width: 100px;
    height: 100px;
    float: left;
}
.small2_box-3 img{
    display: block;
    width: 40px;
    height: 40px;
    margin-left: 30px;
    margin-top: 100px;
}
.small2_box-3 span{
    font-size: 20px;
    margin-left: 10px;
    color: lightgrey;
    position: absolute;
    top: 250px;
}
.small2_box-3 hr{
    position: absolute;
    top: 190px;
}
.small2_box-3 a:hover span{
    color: white;
}
.bottom_pic{
    width: 1300px;
    height: 300px;
    position: absolute;
    top: 0px;
    left: 300px;
}
.bottom_pic img{
    width: 419px;
    height: 300px;
    margin-left: 10px;
}
/*下半部分*/
.main{
    width:100%;
    height: 5350px;
    background-color:rgba(0,0,0,0.1);
    position: relative;
    top: -135px;
}
.main_box{
    width: 1600px;
    height: 300px;
    margin: 0 auto;
}
.main_box .span{
    width: 1600px;
    height: 40px;
    /*background-color: yellow;*/
}
.main_box .span span{
    display: inline-block;
    font-size: 25px;
    color: grey;
    margin: 13px 0px;
}
.main_box .picture{
    width: 1600px;
    height: 340px;
    margin-top: 20px;
}
.main_box .picture img{
    width: 230px;
    height: 320px;
}

.main_banner{
    width: 1600px;
    height: 152px;
    margin: 130px auto;
}
.main_centent{
    width: 1600px;
    height: 842px;
    margin: -90px auto;
}
.main_centent .span{
    width: 1600px;
    height: 40px;
}
.main_centent .span span{
    display: inline-block;
    font-size: 25px;
    color: grey;
    margin: -13px 0px;
}
.main_centent_leftpic{
    width:294px;
    height:800px;
}
.main_centent_leftpic img{
    width:294px;
    height:800px;
}
.main_centent_leftpic img:hover{
    transform: scale(1.03,1.03);
    transition-duration: 0.5s;
    box-shadow: lightgray 0px 0px 10px 1px;
}
.main_centent_rightpic{
    width:1310px;
    height: 800px;
    float: right;
    margin-top: -800px;
    position: relative;
}
.main_centent_rightpic_small{
    width: 1269px;
    height: 800px;
    margin: 0 auto;
    float: right;
}
.main_centent_rightpic_small a{
    float: left;
    margin: 0 18px;
}
.main_centent_rightpic_small a img{
    width: 289px;
    height: 382px;
}
.main_centent_rightpic_small .p1{
     position: absolute;
     top: 44%;
     left: 10%;
     font-size: 20px;
     color: white;
     background-color:orange;
     padding: 2px 14px;
 }

.main_centent_rightpic_small .p2{
    position: absolute;
    top: 44%;
    left: 34.5%;
    font-size: 20px;
    color: white;
    background-color:orange;
    padding: 2px 14px;
}
.main_centent_rightpic_small .p3{
    position: absolute;
    top: 44%;
    left: 59%;
    font-size: 20px;
    color: white;
    background-color:orange;
    padding: 2px 14px;
}
.main_centent_rightpic_small .p4{
    position: absolute;
    top: 44%;
    left: 84%;
    font-size: 20px;
    color: white;
    background-color:orange;
    padding: 2px 14px;

}
.main_centent_rightpic_small .p5{
    position: absolute;
    top: 96%;
    left: 9.5%;
    font-size: 20px;
    color: white;
    background-color:orange;
    padding: 2px 14px;
}
.main_centent_rightpic_small .p6{
    position: absolute;
    top: 96%;
    left: 34.5%;
    font-size: 20px;
    color: white;
    background-color:orange;
    padding: 2px 14px;
}
.main_centent_rightpic_small .p7{
    position: absolute;
    top: 96%;
    left: 59%;
    font-size: 20px;
    color: white;
    background-color:orange;
    padding: 2px 14px;
}
.main_centent_rightpic_small .p8{

    position: absolute;
    top: 96%;
    left: 84.5%;
    font-size: 20px;
    color: white;
    background-color:orange;
    padding: 2px 14px;
}


.main_centent_rightpic_small a img:hover{
    transform: scale(1.03,1.03);
    transition-duration: 0.5s;
    box-shadow: lightgray 0.5px 0.5px  10px 7px;
}
.shipin_pic img{
    width: 350px;
    height: 370px;
}
.shipin_pic img:hover{
    transform: scale(1.03,1.03);
    transition-duration: 0.5s;
    box-shadow: lightgray 0.5px 0.5px  10px 7px;
}
#footer{
    width: 100%;
    height: 200px;
    margin: 0 auto;
    position: relative;
    top: -110px;
}
.footer_box{
    width: 1600px;
    height: 200px;
    margin: 0px auto;
}
#footer .footer_box  li{
    list-style-type: none;
    margin-left: -23px;
}
#footer .footer_box li a{
    float: left;
    width: 19.8%;
    height: 25px;
    font-size: 26px;
    line-height: 25px;
    text-align: center;
    margin-top: 30px;
    color: rgba(0,0,0,0.6);
}
#fin1{
    border-right:1px solid;
    color: rgba(0,0,0,0);
}
#fin2{
    border-right:1px solid;
    color: rgba(0,0,0,0);
}
#fin3{
    border-right:1px solid;
    color: rgba(0,0,0,0);
}
#fin4{
    border-right:1px solid;
    color: rgba(0,0,0,0);
}
.fin1{
    border-right: 1px;
}
#footer .footer_box ul li a:hover{
    color: orangered;
}
#footer-service{
    width: 1600px;
    height: 400px;
    margin: 100px auto;
}
#footer-service dl{
    float: left;
    width: 19.8%;
    height: 40px;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
}
#dl1{
    position: relative;
    left: -50px;
}
#dl1 dd{
    margin: 10px;

}
#dl2{
    position: relative;
    left: -100px;
}
#dl2 dd{
    margin: 10px;
}
#dl3{
    position: relative;
    left: -150px;
}
#dl3 dd{
    margin: 10px;
}
#dl4{
    position: relative;
    left:-200px;
}
#dl4 dd{
    margin: 10px;
}
#dl5{
    position: relative;
    left: -250px;
}
#dl5 dd{
    margin: 10px;
}
#dl6{
    position: relative;
    top: -41px;
    left: 1230px;
}
#dl6 dd{
    margin: 10px;
}
dd a{
    text-decoration: none;
    color:rgba(0,0,0,0.5)
}
dd a:hover{
    text-decoration: none;
    color:red;
}
#rengong{
    position: relative;
    top: 160px;
    left: 0px;
}
#rengong a{
    padding: 5px 20px;
    font-size: 20px;
    text-align: center;
    color: orangered;
    border: 1px solid;
}
#rengong a:link{
    text-decoration: none;
}
#rengong a:hover{
    color:white;
    background-color: orangered;
    transition: 1s;
}
.footer_bottom{
    width: 1600px;
    height: 50px;
    margin: -180px auto;
}
.footer_bottom_pic{
    position: relative;
    width: 210px;
    height: 50px;
    margin: 0 auto;
}
.footer_bottom_pic img{
    margin-left: 65px;
}

.footer_bottom_pic p{
    float: right;
    margin-right: 7px;
    line-height: 50px;
    margin-top: 1px;
}
.footer_bottom_pic p a i{
    text-decoration:none;
    color:yellowgreen;
    font-size: 45px;
    margin: 10px 20px;
    position: absolute;
    top: 85px;
    right: -700px;
}
.footer_bottom_pic p a i:hover{
    color: orangered;
    font-size: 50px;
}
.fa-rocket{
}
.footer_bottom_wenzi{
    width: 1600px;
    height: 40px;
    margin: 60px auto;
}
.wenzi{
    width: 800px;
    height: 40px;
    margin: 0 auto;
}
.wenzi p{
    font-size: 30px;
    font-family: 楷体;
    color: rgba(0,0,0,0.5);
    text-align:center;
}
